<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>${_front_title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/static/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="${_front_css}/main.css">
	<link rel="stylesheet" type="text/css" href="${_front_css}/index.css">
	<link rel="stylesheet" href="${_front_css}/base.css">
	<link rel="stylesheet" href="${_front_css}/base_new.css">
    <link rel="stylesheet" href="${_front_css}/library.css">
    <link rel="stylesheet" href="${_front_css}/style.css">
    <link rel="stylesheet" href="${_front_font}/iconfont.css">
    <script src="${_front_js}/jquery.min.js" type="text/javascript" ></script>
    <script src="${_front_js}/js.js" type="text/javascript" ></script>
     <style type="text/css">
		.e-voucher td{margin-bottom:3px}     
     </style>
</head>

<body>
    <!-- 头部 开始 -->
    <div id="header">
		<#include "../base/top.ftl" />
	</div>
	<!-- 头部 结束 -->
    <div class="content">
    <div id="myInvestmentMain" class="cnt clearfix layoutMain">
       <#include "base1.ftl" />
     
        <div class="investment fr">
            <h2>更多服务</h2>
            <div class="Tab" style="margin-top: 48px;">
                <span data="vouch" class="TabOne tableTab <#if type?? && type=='vouch'>active</#if>">我的体验金</span>
                <span data="rate" class="TabTwo tableTab <#if type?? && type=='rate'>active</#if>">我的加息券</span>
              
                <table class="tabLibrary receivables" border="0" cellspacing="0" cellpadding="0" style='margin-top: 0px;display:block;'>
                    <tbody style="display:block;padding-top:30px;">
                    	<#if type?? && type=='vouch'>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:16px;font-weight:600;text-align:left;text-indent:15px;padding:0;padding-top:20px;'>现金券使用规则</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>1.现金券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>2.现金现金券分为券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>3.现金券分为现金券分为现金券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>4.现金券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;margin-bottom:30px;'>
	                    		<td style='display:block;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;padding-bottom:20px;'>5.现金券分为1现金券分为现金券分为现金券分为元、100元面额。</td>
	                    	</tr>
                    	<#else>
                    		<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:16px;font-weight:600;text-align:left;text-indent:15px;padding:0;padding-top:20px;'>加息券使用规则</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>1.加息券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>2.加息券金券分为券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>3.加息券分为现金券分为现金券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;'>
	                    		<td style='display:block;border-bottom:none;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;'>4.加息券分为10元、20元、30元、100元面额。</td>
	                    	</tr>
	                    	<tr style='display:block;margin-bottom:30px;'>
	                    		<td style='display:block;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:left;text-indent:15px;padding:0;padding-bottom:20px;'>5.加息券分为1现金券分为现金券分为现金券分为元、100元面额。</td>
	                    	</tr>
                    	</#if>
                    	<tr style='display:block;'>
	                    	<td style='display:block;padding:0;' id="criteria">
		                    	<ul style='height:39px;'>
				                    <li class=" fl" data-value="notUsed" style='width:80px;padding:5px 0;cursor:pointer;<#if status?? && status=='notUsed'>border-bottom:3px solid red;</#if>'>可使用</li>
				                    <li data-value="useform" class="fl" style='width:80px;padding:5px 0;cursor:pointer;<#if status?? && status=='useform'>border-bottom:3px solid red;</#if>'>已使用</li>
				                    <li data-value="overdue" class="fl" style='width:80px;padding:5px 0;cursor:pointer;<#if status?? && status=='overdue'>border-bottom:3px solid red;</#if>'>已过期</li>
		                		</ul>
	                    	</td>
                    	</tr>
                    	<#if type?? && type=='vouch'>
	                    	<tr style='display:block;'>
		                    	<td style='display:block;text-align:left;text-indent:18px;border:none;'>
			                    	现金券在投标页面选择使用总记录：<#if pageInfo.total?exists>${pageInfo.total}</#if>张
		                    	</td>
	                    	</tr>
	                    	<tr style='display:block;' class='e-voucher'>
		                    	<#if ((pageInfo?exists) & (pageInfo.pageList?size>0))>
		                    		<#list pageInfo.pageList as model>
			                    	<td style='float:left;width:225px;height:40px;border:none;background: url(/static/front/css/images/quan.jpg) no-repeat;margin-left:80px;'>
				                    	<div style="float:left;width:75px;margin-top:-10px;margin-left:2px;">
				                    		<span style="font-size:12px;color:#E6BB68;border-bottom: 1px dashed #ec7b7b;padding-bottom:5px">投资体验金</span>
					                    	<span style="display:block;font-size:18px;color:#fff;front-weight:666;margin-top:5px;"><#if model.amount?exists>${model.amount}</#if></span>
				                    	</div>
				                    	<div style="float:right;width:146px;font-size:12px;margin-top:-19px;border:1px solid #ccc;border-left:none;"> 
					                    	<span><#if model.source?exists>${model.source}</#if></span>
					                    	<span style="display:block;">获券时间:<#if model.createTime?exists>${model.createTime?string("yyyy-MM-dd")}</#if></span>
					                    	<span style="display:block;">有效期至:<#if model.endTime?exists>${model.endTime?string("yyyy-MM-dd")}</#if></span>
			                    		</div>
			                    	</td>
			                    	</#list>
			                    </#if>	
	                    	</tr>
	                    <#else>
	                    	<tr style='display:block;'>
		                    	<td style='display:block;text-align:left;text-indent:18px;border:none;'>
			                    	现金券在投标页面选择使用总记录：<#if pageInfo.total?exists>${pageInfo.total}</#if>张
		                    	</td>
	                    	</tr>
	                    	<tr style='display:block;' class='e-voucher'>
		                    	<#if ((pageInfo?exists) & (pageInfo.pageList?size>0))>
		                    		<#list pageInfo.pageList as model>
			                    	<td style='float:left;width:225px;height:40px;border:none;background: url(/static/front/css/images/quan.jpg) no-repeat;margin-left:80px;'>
				                    	<div style="float:left;width:75px;margin-top:-10px;margin-left:2px;">
				                    		<span style="font-size:12px;color:#E6BB68;border-bottom: 1px dashed #ec7b7b;padding-bottom:5px">加息券</span>
					                    	<span style="display:block;font-size:18px;color:#fff;front-weight:666;margin-top:5px;"><#if model.rate?exists>${model.rate}</#if>%</span>
				                    	</div>
				                    	<div style="float:right;width:146px;font-size:12px;margin-top:-19px;border:1px solid #ccc;border-left:none;"> 
					                    	<span><#if model.source?exists>${model.source}</#if></span>
					                    	<span style="display:block;">获券时间:<#if model.createTime?exists>${model.createTime?string("yyyy-MM-dd")}</#if></span>
					                    	<span style="display:block;">有效期至:<#if model.endTime?exists>${model.endTime?string("yyyy-MM-dd")}</#if></span>
			                    		</div>
			                    	</td>
			                    	</#list>
			                    </#if>	
	                    	</tr>
	                    </#if>
                	</tbody>
                </table>
            </div>
        </div>
    </div>
<!-- 底部 开始 -->
	<#include "../base/foot.ftl" />
<!-- 底部 结束 -->
<script>
$(".TabOne").click(function(){
	var temp = $(this).attr("data");
	window.location.href="/account/most?type="+temp;
})
$(".TabTwo").click(function(){
	var temp = $(this).attr("data");
	window.location.href="/account/most?type="+temp;
})
$("#criteria ul li").click(function(){
	var status = $(this).attr("data-value");
	window.location.href="/account/most?type=${type}&status="+status;
});
</script>
</body>
</html>
